<!doctype html>
<html><!--raiz do documento-->
<head>
<meta name="description" content="Desenvolvimento de web sites, seo, manutenção , hospedagem"/>
<meta name="keywords" content="site, php, html, csss,banco de dados, designer responsivo"/>
<meta charset="utf-8">
<meta name="author" name="Pedro Motta"/>
<meta name="robots" content="index, follow"/><!--indica se o mecanismo de busca deve ou nao incluir o documento index-->
<title>Untitled Document</title>


<style>
	html {
		
		overflow-y:auto;/*retira a barra de rolagem na vertical*/	
		
		
	}

</style>
</head>

<body><!--Elemento raiz das sessoes-->
    <article><!--O lemento article reperesenta um conjunto independente e altamente relevante.-->
    	<header><!--conteudo introdutório do artigo-->
        	<h1>Plano de desenvolvimato de site</h1>
            <p><q>Designer responsivo para despositivos móveis</q> 
            <i>Pedro Motta</i></p>
        </header>
        <nav><!--Elemeto utilizado para navegação -->
        
        	<a href="#">HTML5</a> | <a href="#">CSS3</a> | <a href="#">JAVA SCRIT</a>
        
        </nav>
        <section><!--O elemento section é que possui o menor valor semantico, logo é o mais generico-->
        	<h2>Como tudo começou</h2>
            <h3>Fatos que ocorreram no passado</h3>
        
        </section>
        
        	<h4>Pequenas considerações</h4>
            
            <p>O incentivo ao avanço tecnológico, assim como a crescente influência da mídia ainda não demonstrou convincentemente que vai participar na mudança dos paradigmas corporativos. A prática cotidiana prova que a execução dos pontos do programa prepara-nos para enfrentar situações atípicas decorrentes das diretrizes de desenvolvimento para o futuro. É importante questionar o quanto a complexidade dos estudos efetuados maximiza as possibilidades por conta do sistema de participação geral. </p>
            
            <section>
            
            	<h5>Evoluçao da web</h5>
                
                <p>O incentivo ao avanço tecnológico, assim como a crescente influência da mídia ainda não demonstrou convincentemente que vai participar na mudança dos paradigmas corporativos. A prática cotidiana prova que a execução dos pontos do programa prepara-nos para enfrentar situações atípicas decorrentes das diretrizes de desenvolvimento para o futuro. É importante questionar o quanto a complexidade dos estudos efetuados maximiza as possibilidades por conta do sistema de participação geral. </p>
            
            </section>
            <aside><!--O elemento aside define um bloco de conteudo que faz referencia ao conteudo principal. Pode estar em uma barra lateral exibindo informaçoes contextuais, assunto relacionados, puplicidade ou grupo de navegação segundária-->
            
            <h2>Minha visão de tudo</h2>
            	<p>O incentivo ao avanço tecnológico, assim como a crescente influência da mídia ainda não demonstrou convincentemente que vai participar na mudança dos paradigmas corporativos. A prática cotidiana prova que a execução dos pontos do programa prepara-nos para enfrentar situações atípicas decorrentes das diretrizes de desenvolvimento para o futuro. É importante questionar o quanto a complexidade dos estudos efetuados maximiza as possibilidades por conta do sistema de participação geral. </p>
            
            </aside>
            
            <footer><!--O elmento footer pode estar em qualquer lugar, inclusive dentro de cada container dos elementos section e aside. Funciona como elemento de fechamento organizacional para os elentos de seção.
            Dentro do footer podemos usar o elemento <address> que contem link para um aurl ao artigo -->
            
            <address>
            	Contato para : <a href="wwww.seudominio.com.br">W4</a>
            </address>
            </footer>
            
    
    </article>
</body>
</html>
